<template>
	<div style="background-color: white;padding-top: 20px;">
		<div class="headercon">
			<el-form class="cardboxList_box" ref="form" :model="form" label-width="100px">
				<el-row :gutter="20" class="mb8">
					<el-col :span="5" style="width: 220px;">
						<div class="grid-content bg-purple">
							<el-form-item label="标题">
								<el-input style="width: 150px;" v-model="form.title" placeholder="" />
							</el-form-item>
						</div>
					</el-col>
				
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 33px;">
							<el-button type="primary" icon="el-icon-search" @click="getList">搜索</el-button>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" icon="el-icon-search" @click="restSearch">重置</el-button>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" @click="showdialogVisible">新增</el-button>
						</div>
					</el-col>
				</el-row>
				<div style="margin-left: 20px;margin-top: 20px;">

					<!-- <el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" icon="el-icon-search" @click="deleteList">批量删除</el-button>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" icon="el-icon-search" @click="export_excel_userList">导出
							</el-button>
						</div>
					</el-col> -->

				</div>
			</el-form>
			<!-- <el-button type="primary" @click="showdialogVisible">新增</el-button> -->
		</div>

		<el-table :data="tableData" stripe ref="multipleTable" :row-key="getRowKeys" @selection-change="handleChange">
			<!-- <el-table-column type="selection" :reserve-selection="true"></el-table-column> -->
			<el-table-column type="index" prop="realname" label="序号" width="60px" align="center">
			</el-table-column>
			<el-table-column prop="xingming" label="姓名" align="center">
			</el-table-column>
			<el-table-column prop="price" label="已返点金额" align="center">
			</el-table-column>
			<el-table-column prop="price" label="一月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[0])" style="cursor: pointer;" :style="{'font-size': scope.row.data[0].status == 0 ? '17px':'12px','font-weight': scope.row.data[0].status == 0 ? 'bold':'' }">{{ scope.row.data[0].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="二月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[1])" style="cursor: pointer;" :style="{'font-size': scope.row.data[1].status == 0 ? '17px':'12px','font-weight': scope.row.data[1].status == 0 ? 'bold':'' }">{{ scope.row.data[1].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="三月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[2])" style="cursor: pointer;" :style="{'font-size': scope.row.data[2].status == 0 ? '17px':'12px','font-weight': scope.row.data[2].status == 0 ? 'bold':'' }">{{ scope.row.data[2].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="四月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[3])" style="cursor: pointer;" :style="{'font-size': scope.row.data[3].status == 0 ? '17px':'12px','font-weight': scope.row.data[3].status == 0 ? 'bold':'' }">{{ scope.row.data[3].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="五月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[4])" style="cursor: pointer;" :style="{'font-size': scope.row.data[4].status == 0 ? '17px':'12px','font-weight': scope.row.data[4].status == 0 ? 'bold':'' }">{{ scope.row.data[4].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="六月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[5])" style="cursor: pointer;" :style="{'font-size': scope.row.data[5].status == 0 ? '17px':'12px','font-weight': scope.row.data[5].status == 0 ? 'bold':'' }">{{ scope.row.data[5].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="七月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[6])" style="cursor: pointer;" :style="{'font-size': scope.row.data[6].status == 0 ? '17px':'12px','font-weight': scope.row.data[6].status == 0 ? 'bold':'' }">{{ scope.row.data[6].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="八月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[7])" style="cursor: pointer;" :style="{'font-size': scope.row.data[7].status == 0 ? '17px':'12px','font-weight': scope.row.data[7].status == 0 ? 'bold':'' }">{{ scope.row.data[7].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="九月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[8])" style="cursor: pointer;" :style="{'font-size': scope.row.data[8].status == 0 ? '17px':'12px','font-weight': scope.row.data[8].status == 0 ? 'bold':'' }">{{ scope.row.data[8].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="十月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[9])" style="cursor: pointer;" :style="{'font-size': scope.row.data[9].status == 0 ? '17px':'12px','font-weight': scope.row.data[9].status == 0 ? 'bold':'' }">{{ scope.row.data[9].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="十一月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[10])" style="cursor: pointer;" :style="{'font-size': scope.row.data[10].status == 0 ? '17px':'12px','font-weight': scope.row.data[10].status == 0 ? 'bold':'' }">{{ scope.row.data[10].jin_e }}</div>
				</template>
			</el-table-column>
			<el-table-column prop="price" label="十二月" align="center">
				<template slot-scope="scope">
					<div @dblclick="submitForm_add(scope.row.data[11])" style="cursor: pointer;" :style="{'font-size': scope.row.data[11].status == 0 ? '17px':'12px','font-weight': scope.row.data[11].status == 0 ? 'bold':'' }">{{ scope.row.data[11].jin_e }}</div>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="xingming" label="月份(金额)" align="center" width="1400px">
				<template slot-scope="scope">
					 <div style="float:left;width:110px;text-align:center" v-for="(item,index) in scope.row.data" @dblclick="submitForm_add(scope.row,item)">
						 <div :style="{'font-size': item.status == 0 ? '17px':'12px','font-weight': item.status == 0 ? 'bold':'' }">{{ item.month }}</div>
					     <div :style="{'font-size': item.status == 0 ? '17px':'12px','font-weight': item.status == 0 ? 'bold':'' }"><span v-if="item.price">¥</span>{{ item.price }}</div>
					 </div>
				</template>
			</el-table-column> -->
			<!-- <el-table-column fixed="right" label="操作" width="80">
				<template slot-scope="scope">
					<el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
					<el-button class="delete" type="text" @click="deleteThis(scope.row)" size="small">删除</el-button> 
					<el-button @click="handleClick_duihuan(scope.row)" type="primary" size="small">兑换</el-button>
					 <el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
					 <el-button class="delete" style="color: white;" type="danger" @click="deleteThis(scope.row)"
						size="small">删除</el-button>

				</template>
			</el-table-column> -->
		</el-table>
		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
			:page-sizes="[30]" :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper"
			:total="pageTotal">
		</el-pagination>


		<el-dialog :title="Texttitle" :visible.sync="dialogVisible">
			<el-form class="cardboxList_box">
				<el-row :gutter="60">
					<!-- <el-row :gutter="60">
						<el-col :span="20">
							<el-form-item label="封面" label-width="138px">
								<el-image style="width: 150px;height: 100px;" class="table-td-thumb"
									:src="addform.fengmian" :preview-src-list="addform.fengmian"></el-image>
								<el-upload class="upload-demo" :action="uploadImgUrl" ref="upload" :file-list="fileList"
									:http-request="uploadSectionFile" :before-remove="handleRemove">
									<el-button size="small" type="primary">点击上传</el-button>
								</el-upload>
							</el-form-item>
						</el-col>

					</el-row> -->			
			
					<el-col :span="20">
						<el-form-item label="标题" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.title" type="text"></el-input>
						</el-form-item>
					</el-col>

					<el-col :span="20">
						<el-form-item label="作者" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.author" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="摘要" label-width="100px">
							<el-input style="width: 100%;" :autosize="{ minRows: 4, maxRows: 6}" v-model="addform.abstract" type="textarea"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="关键词" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.keywords" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="文章链接" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.urli" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="期数" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.volumne" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="更新日期" label-width="100px">
							<el-date-picker style="width: 100%;"
							      v-model="addform.date"
							      type="date"
							      placeholder="选择更新日期">
							    </el-date-picker>
							<!-- <el-input style="width: 100%;" v-model="addform.date" type="text"></el-input> -->
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="期刊名称" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.name" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="级别分类" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.level" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="学科分类" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.style" type="text"></el-input>
						</el-form-item>
					</el-col>
					<!-- <el-col :span="20">
						<el-form-item label="描述" label-width="100px">
							<quill-editor ref="myTextEditor" v-model="addform.text"
								:options="editorOption"></quill-editor>

						</el-form-item>
					</el-col> -->

				</el-row>

			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button type="primary" @click="submitForm_add" size="small">确定</el-button>
				<el-button @click="logCancel_1" size="small">取消</el-button>
			</div>
		</el-dialog>

		<el-dialog title="兑换" :visible.sync="dialogVisible_duihuan">
			<el-form class="cardboxList_box">
				<el-row :gutter="60">
					<el-col :span="20">
						<el-form-item label="识别码" label-width="100px">
							<el-input style="width: 100%;" v-model="addform_1.open_id" type="text"></el-input>
							<!-- <el-select v-model="addform_1.user" filterable placeholder="请选择"
								style="width: 100%;">
								<el-option v-for="item in userList" :key="item.user_id" :label="item.nickname"
									:value="item.user_id">
								</el-option>
							</el-select> -->
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="商品名" label-width="100px">
							<el-input style="width: 100%;" readonly v-model="addform_1.shangpinming"
								type="text"></el-input>
						</el-form-item>
					</el-col>

					<el-col :span="20">
						<el-form-item label="积分数" label-width="100px">
							<el-input style="width: 100%;" readonly v-model="addform_1.jifenshu" type="text"></el-input>
						</el-form-item>
					</el-col>
				</el-row>

			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button type="primary" @click="submitForm_add_1" size="small">确定</el-button>
				<el-button @click="logCancel_2" size="small">取消</el-button>
			</div>
		</el-dialog>



	</div>
</template>

<script>
	import 'quill/dist/quill.core.css';
	import 'quill/dist/quill.snow.css';
	import 'quill/dist/quill.bubble.css';
	import {
		quillEditor,
		Quill
	} from 'vue-quill-editor';
	import {
		container,
		ImageExtend,
		QuillWatch
	} from 'quill-image-extend-module'
	Quill.register('modules/ImageExtend', ImageExtend)
	// import {
	// 	quillEditor
	// } from 'vue-quill-editor';
	// 富文本编辑器工具栏配置，因为涉及到富文本编辑器以外的组件调用，所以在这里我们需要重新自定义一下富文本编辑器的工具栏
	const toolbarOptions = [
		['bold', 'italic', 'underline', 'strike'], // toggled buttons
		['blockquote', 'code-block'],

		[{
			header: 1
		}, {
			header: 2
		}], // custom button values
		[{
			list: 'ordered'
		}, {
			list: 'bullet'
		}],
		[{
			script: 'sub'
		}, {
			script: 'super'
		}], // superscript/subscript
		[{
			indent: '-1'
		}, {
			indent: '+1'
		}], // outdent/indent
		[{
			direction: 'rtl'
		}], // text direction

		[{
			size: ['small', false, 'large', 'huge']
		}], // custom dropdown
		[{
			header: [1, 2, 3, 4, 5, 6, false]
		}],

		[{
			color: []
		}, {
			background: []
		}], // dropdown with defaults from theme
		[{
			font: []
		}],
		[{
			align: []
		}],
		['link', 'image', 'video'],
		['clean'] // remove formatting button
	]
	import {
		uploadImg,
		// userviewOption,
		jieshaorenduihuanList,
		jieshaorenduihuanAdd,
		jieshaorenduihuanEdict,
		jieshaorenduihuanDelete,

	} from '../../api/index';
	export default {
		name: 'dashboard',
		data() {
			return {
				dialogVisible_duihuan: false,
				// 富文本编辑器工具栏
				editorOption: {
					modules: {
						ImageExtend: {
							loading: true,
							name: "image",
							size: 10000,
							action: "https://www.ycjdxt.cn/backstage/api/upload_image/",
							response: res => {
								console.log(res)
								return res.url;
							},
							headers: (xhr, formData) => {
								//xhr.setRequestHeader(
								//  "X-Nideshop-Token",
								//  localStorage.getItem("token")
								//);
							}, // 可选参数 设置请求头部
							sizeError: () => {
								// return this.$message.error("图片超过20");
							} // 图片超过大小的回调
						},
						toolbar: {
							container: [
								["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
								["blockquote", "code-block"], //引用，代码块
								[{
									header: 1
								}, {
									header: 2
								}], // 几级标题
								[{
									list: "ordered"
								}, {
									list: "bullet"
								}], // 有序列表，无序列表
								[{
							    script: "sub"
								}, {
									script: "super"
								}], // 下角标，上角标
								[{
									indent: "-1"
								}, {
									indent: "+1"
								}], // 缩进
								[{
									direction: "rtl"
								}], // 文字输入方向
								[{
									size: ["small", false, "large", "huge"]
								}], // 字体大小
								[{
									header: [1, 2, 3, 4, 5, 6, false]
								}], // 标题
								[{
									color: []
								}, {
									background: []
								}], // 颜色选择
								[{
									font: []
								}], // 字体
								[{
									align: []
								}], // 居中
								["link", "image"],
								["clean"]
							],
							handlers: {
								image: function() {
									QuillWatch.emit(this.quill.id);
								}
							}
						}
					}
				},
				screenOptions: '',
				statistical: '', //统计
				uploadImgUrl: 'https://www.ycjdxt.cn/backstage/api/upload_image/',
				fileList: [],
				fileList1: [],
				Look_dataList: [],
				selectionbox: '',

				showViewer: false, // 显示查看器
				ruleForm: '',
				hideUp: '',
				nextProjectForm: {
					publicWelfareUrl: "",
				},
				Texttitle: "新增",
				page: 1,
				page_1: 1,
				form: {
					page: 1,
					size: 30,
					
				},
				form1: { //模板数据
					page: 1,
					size: 30,
					province: undefined,
					user_id: undefined,
				},
				form2: { //模板数据
					page: 1,
					size: 30,
					template_info_id: undefined,
					user_id: undefined,
					template_id: undefined
				},
				addform: {
					out_trade_no: undefined, //报单编号
					hospital_name: undefined, //医院名称
					hospital_address: undefined, //医院地址
				},
				addform_1: {

				},
				childrow: '',
				childtypeflag: 1, //  1新增 2修改
				currentPage: 1, //初始页
				pagesize: 30, //  每页的数据
				pageTotal: '',

				currentPage_1: 1, //初始页
				pagesize_1: 30, //    每页的数据
				pageTotal_1: '',

				currentPage_2: 1, //初始页
				pagesize_2: 30, //    每页的数据
				pageTotal_2: '',

				dialogVisible: false,
				tableData: [],
				tableData_1: [],
				tableData_2: [],

				formitnanme: '',
				flagtype: 1,
				user_id: '',
				user_id_1: '',
				user_id_2: '',
				//详情
				dialogVisible_1: false,
				detailDataLog: '',
				detailrow: '',

				//添加记录
				addLogVisible: false,
				logInfo: '',
				value2: '',
				pickerOptions: {
					shortcuts: [{
						text: '今天',
						onClick(picker) {
							picker.$emit('pick', new Date());
						}
					}, {
						text: '昨天',
						onClick(picker) {
							const date = new Date();
							date.setTime(date.getTime() - 3600 * 1000 * 24);
							picker.$emit('pick', date);
						}
					}, {
						text: '一周前',
						onClick(picker) {
							const date = new Date();
							date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
							picker.$emit('pick', date);
						}
					}]
				},
				templateUser_id: '',

				deleteList_data: '',
				userList: []
			}
		},
		components: {
			quillEditor
		},
		computed: {
			role() {
				return this.name === 'admin' ? '超级管理员' : '普通用户';
			}
		},
		created() {
			// this.form.user_id=window.localStorage.getItem('user_id')
			this.getList()
			//this.getUserList()
			// this.getuserviewOption()
			// this.getListCalculationview()

		},
		// activated() {
		//     this.handleListener();
		// },
		// deactivated() {
		//     window.removeEventListener('resize', this.renderChart);
		//     bus.$off('collapse', this.handleBus);
		// },
		methods: {
			handleClick_duihuan(row) {
				this.addform_1 = row
				this.dialogVisible_duihuan = true
			},
			submitForm_add_1() {
				if (!this.addform_1.open_id) {
					this.$message.error('请输入识别码')
				} else {
					let parms = {
						jifen: this.addform_1.jifenshu,
						shangpin: this.addform_1.shangpin_id,
						open_id: this.addform_1.open_id
					}
					duihuanAdd(parms).then(res => {
						console.log("新增", res)
						this.dialogVisible_duihuan = false
						if (res.code == 0) {
							this.$message({
								message: '兑换成功！',
								type: 'success'
							});
							this.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				}
			},

			// 用户列表
			getUserList() {
				let that = this
				let query = {
					page: 1,
					size: 9999999999
				}
				// if (query.company) {
				// 	query.company = query.company.toString()
				// }

				console.log(query)
				userList(query).then(res => {
					console.log("用户列表", res);
					that.userList = res.results;
				});
			},

			getRowKeys(row) {
				return row.user_id
			},

			handleChange(selection) {
				console.log(selection)
				this.deleteList_data = selection
			},

			// element的upload组件上传图片成功后调用的函数
			handleSuccess(res) {
				// 获取富文本组件实例
				let quill = this.$refs.QuillEditor.quill
				if (res) { // 如果上传成功
					// 获取光标所在位置
					let length = quill.getSelection().index
					// 插入图片，res为服务器返回的图片链接地址
					quill.insertEmbed(length, 'image', res.data)
					// 调整光标到最后
					quill.setSelection(length + 1)
				} else {
					// 提示信息
					this.$message.error('图片插入失败')
				}
			},
			uploadSectionFile(param) {
				var fileObj = param.file;
				// FormData 对象
				var form = new FormData();
				// 文件对象
				form.append("image", fileObj);
				uploadImg(form).then(res => {
					console.log("上传图片", res)
					this.addform.fengmian = res.url
					this.$message({
						message: '上传成功！',
						type: 'success'
					});
				});
			},
			handleRemove(file, fileList) {
				this.ruleForm.cardUpImg = "";
				this.imagesUp = [];
				this.hideUp = false;
			},

			uploadSectionFile1(param) {
				var fileObj = param.file;
				// FormData 对象
				var form = new FormData();
				// 文件对象
				form.append("image", fileObj);
				uploadImg(form).then(res => {
					console.log("上传图片", res)
					this.addform.head_img = res.url
					this.$message({
						message: '上传成功！',
						type: 'success'
					});
				});
			},
			handleRemove1(file, fileList) {
				this.ruleForm.cardUpImg = "";
				this.imagesUp = [];
				this.hideUp = false;
			},

			//列表选择导出
			handleSelectionChange(selection) {
				var selectionbox = selection.map(function(car) {
					return car.template_info_id;
				})
				console.log(selectionbox)
				this.selectionbox = selectionbox.toString()
			},
			groupEdict() {
				if (this.selectionbox == '') {
					this.$message.error('请选择模板！');
				} else {
					this.templateVisibledetail_add_1 = true
					this.templatedetailLog = '批量编辑'
					this.templateDetailFlagtype = 3
					this.addform_2 = {
						method: undefined,
						weight_start: undefined,
						weight_end: undefined,
						date_start: undefined,
						date_end: undefined,
						first_weight: undefined,
						continued_weight: undefined,
						template: undefined,
						user: undefined,
					}
				}
			},



			//重置
			restSearch() {
				this.form = {
						page: 1,
						size: 30,
						realname: undefined,
						company: undefined,
						nation: undefined,
						marriage_history: undefined,
						education: undefined,
						constellation: undefined,
						sex: undefined,
						age: undefined,
					},

					this.getList()
			},

			//导出
			exportexelBtn() {
				let query = {}
				exportexel(query).then(res => {
					console.log("导出", res)
				});

			},

			dataSearch() {
				this.formatDate(that.value2)
			},
			//添加记录
			showLogdilog(row, type) {
				this.childtypeflag = type
				this.addLogVisible = true
				if (type == 2) {
					this.childrow = row
					this.addformchild = row
					this.uploadimgurl = row.img
				}

			},

			addLogcancel() {
				this.addLogVisible = false
			},

			//确认添加操作日志
			addLogBtn() {
				let that = this
				let query = this.addformchild
				query.personnel = this.detailrow.personnel_id
				console.log("确认添加操作日志", query)
				console.log(query)
				if (this.childtypeflag == 1) {
					detailAdd(query).then(res => {
						that.addLogVisible = false
						that.$message({
							message: '添加成功！',
							type: 'success'
						});
						that.detailClick(that.detailrow)
					});
				} else {
					detailEdict(query.personnel_logs_id, query).then(res => {
						that.addLogVisible = false
						that.$message({
							message: '修改成功！',
							type: 'success'
						});
						that.detailClick(that.detailrow)
					});
				}

			},


			handleSizeChange: function(size) {
				this.pagesize = size;
				this.form.size = size
				console.log(this.pagesize) //每页下拉显示数据
				this.getList()
			},
			handleCurrentChange: function(currentPage) {
				this.currentPage = currentPage;
				console.log(this.currentPage) //点击第几页
				this.form.page = currentPage
				this.getList()
			},
			handleSizeChange_1: function(size) {
				this.pagesize_1 = size;
				this.form1.size = size
				this.templateList(this.templateUser_id)
			},
			handleCurrentChange_1: function(currentPage) {
				this.currentPage_1 = currentPage;
				console.log(this.currentPage_1) //点击第几页
				this.page_1 = currentPage
				this.form1.page = currentPage
				this.templateList(this.templateUser_id)
			},

			handleSizeChange_2: function(size) {
				this.pagesize_2 = size;
				this.form2.size = size
				this.templateDetailClick()
			},
			handleCurrentChange_2: function(currentPage) {
				this.currentPage_2 = currentPage;
				console.log(this.currentPage_2) //点击第几页
				this.page_2 = currentPage
				this.form2.page = currentPage
				this.templateDetailClick()
			},
			showdialogVisible() {
				this.Texttitle = '新增'
				this.addform = {
					realname: undefined,
					company: undefined,
					department: undefined,
					job_card_img: undefined,
					sex: undefined,
					
					obj_age: undefined,
					status: undefined,
					invitation_code: undefined,
					open_id: undefined,
					backstage_user: undefined,
				}
				this.user_id = ''
				this.dialogVisible = true
				this.flagtype = 1
			},


			//s删除
			deleteThis(row) {
				let that = this
				that.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let query = {
						"journal_id": row.journal_id,
					}
					journalDelete(row.journal_id, query).then(res => {
						that.dialogVisible = false
						if (res.code == 0) {
							that.$message({
								message: '删除成功！',
								type: 'success'
							});
							that.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				}).catch(() => {
					that.$message({
						type: 'info',
						message: '已取消删除'
					});
				});
			},
			//编辑
			handleClick(row) {
				console.log("编辑", row)
				this.Texttitle = '编辑'
				this.flagtype = 2
				this.dialogVisible = true
				this.addform = row

				this.user_id = row.journal_id
			},


			//关闭新增弹窗
			logCancel_1() {
				this.dialogVisible = false
			},
			logCancel_2() {
				this.dialogVisible_duihuan = false
			},
			logCancel_3() {
				this.templateVisibledetail_add_1 = false
			},

			//新增用户
			submitForm_add(item) {
				let that = this
				if(!item.duihuan_id){
					this.$message.error('暂无可兑换金额！');
					return false
				}
				that.$confirm('您是否确认已兑换!', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let query = {
						duihuan_id: item.duihuan_id,
					}
					jieshaorenduihuanAdd(query).then(res => {
						console.log("兑换", res)
						if (res.code == 0) {
							this.$message({
								message: '兑换成功！',
								type: 'success'
							});
							this.getList()
						}
					
						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				}).catch(() => {
					
				});
				console.log("新增记录", this.addform)
				// if (this.addform.username == '' || this.addform.username == undefined) {
				// 	this.$message.error('请输入姓名');
				// } else {
				//this.addform.date = this.formatDate(this.addform.date)
				// this.addform.end_time = this.formatDate(this.addform.end_time)
				// if (this.flagtype == 1) {

				// 	jieshaorenduihuanAdd(this.addform).then(res => {
				// 		console.log("新增", res)
				// 		this.dialogVisible = false
				// 		if (res.code == 0) {
				// 			this.$message({
				// 				message: '新增成功！',
				// 				type: 'success'
				// 			});
				// 			this.getList()
				// 		}
				// 	});
				// } else {
				// 	journalEdict(this.user_id, this.addform).then(res => {
				// 		console.log("修改", res)
				// 		this.dialogVisible = false
				// 		if (res.code == 0) {
				// 			this.$message({
				// 				message: '修改成功！',
				// 				type: 'success'
				// 			});
				// 			this.getList()
				// 		}
				// 	});
				// }


			},
			getList() {
				let that = this
				let query;
				console.log('参数', that.form)

				// if (query.company) {
				// 	query.company = query.company.toString()
				// }

				console.log(query)
				jieshaorenduihuanList(that.form).then(res => {
					console.log("商品列表", res);
					that.tableData = res.results;
					that.pageTotal = res.count
				});
			},
			formatTen(num) {
				return num > 9 ? (num + "") : ("0" + num);
			},
			formatDate(date) {
				console.log("时间", date)
				var date = new Date(date)
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var day = date.getDate();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();

				return year + "-" + this.formatTen(month) + "-" + this.formatTen(
					day) //+ " " + this.formatTen(hour) + ":" + this.formatTen(minute) //+ ":" + this.formatTen(second);
				console.log(333, year + "-" + this.formatTen(month) + "-" + this.formatTen(day))
			},
			changeDate() {
				const now = new Date().getTime();
				this.data.forEach((item, index) => {
					const date = new Date(now - (6 - index) * 86400000);
					item.name = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
				});
			}

		}
	};
</script>


<style scoped>
	/deep/ .el-upload-list {
		display: none !important;
	}

	/deep/ .el-pagination__sizes {
		display: none !important;
	}

	/deep/ .el-upload--text {
		width: inherit !important;
		height: inherit !important;
	}

	.edict_row_title {
		width: 100%;
		height: 80px;
		line-height: 100px;
		margin: auto;
		font-weight: bold;
	}

	.avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.avatar-uploader .el-upload:hover {
		border-color: #409eff;
	}

	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 178px;
		height: 178px;
		line-height: 178px;
		text-align: center;
	}

	.avatar {
		width: 178px;
		height: 178px;
		display: block;
	}

	.header_bottom {
		/* width: 300px; */
	}

	.header_bottom /deep/ .el-tabs__content {
		display: none;
	}

	.headercon {
		height: 120px;
		/* margin-top: 20px; */
		margin-bottom: 20px;
		border-bottom: 1px solid #369AFF;
	}

	.el-upload {
		width: 100px;
	}

	.el-row {
		margin-bottom: 20px;
	}

	.grid-content {
		display: flex;
		align-items: center;
		height: 40px;
	}

	.grid-cont-right {
		flex: 1;
		text-align: center;
		font-size: 14px;
		color: #999;
	}

	.grid-num {
		font-size: 30px;
		font-weight: bold;
	}

	.grid-con-icon {
		font-size: 50px;
		width: 100px;
		height: 100px;
		text-align: center;
		line-height: 100px;
		color: #fff;
	}

	.grid-con-1 .grid-con-icon {
		background: rgb(45, 140, 240);
	}

	.grid-con-1 .grid-num {
		color: rgb(45, 140, 240);
	}

	.grid-con-2 .grid-con-icon {
		background: rgb(100, 213, 114);
	}

	.grid-con-2 .grid-num {
		color: rgb(45, 140, 240);
	}

	.grid-con-3 .grid-con-icon {
		background: rgb(242, 94, 67);
	}

	.grid-con-3 .grid-num {
		color: rgb(242, 94, 67);
	}

	.user-info {
		display: flex;
		align-items: center;
		padding-bottom: 20px;
		border-bottom: 2px solid #ccc;
		margin-bottom: 20px;
	}

	.user-avator {
		width: 120px;
		height: 120px;
		border-radius: 50%;
	}

	.user-info-cont {
		padding-left: 50px;
		flex: 1;
		font-size: 14px;
		color: #999;
	}

	.user-info-cont div:first-child {
		font-size: 30px;
		color: #222;
	}

	.user-info-list {
		font-size: 14px;
		color: #999;
		line-height: 25px;
	}

	.user-info-list span {
		margin-left: 70px;
	}

	.mgb20 {
		margin-bottom: 20px;
	}

	.todo-item {
		font-size: 14px;
	}

	.todo-item-del {
		text-decoration: line-through;
		color: #999;
	}

	.schart {
		width: 100%;
		height: 300px;
	}

	.delete {
		color: red;
	}

	.dialog-footer {
		text-align: right;
	}
</style>